<template>
  <div>
    <van-button type="default">侧边栏</van-button>
    <van-button type="primary">primary info warning danger</van-button>
    <van-button type="primary" loading plain size="small" round loading-text="loading..." to url> </van-button>

    <van-icon name="plus" info="1" color="red" size   />

    <van-cell-group  title="分组1">
      <van-cell icon="location-o" title="单元格" value="内容" is-link to="index" url="" />
      <van-cell title="单元格" value="内容" label="描述信息" is-link arrow-direction="down" />
      <van-cell value="内容" icon="shop-o" is-link>
        <template slot="title">
          <span class="custom-text">单元格</span>
          <van-tag type="danger">标签</van-tag>
        </template>
      </van-cell>
    </van-cell-group>


    <van-row>
      <van-col offset="12" span="12">offset: 12, span: 12</van-col>
    </van-row>

    <van-button type="default" @click="openDialog">Dialog</van-button>
  </div>
</template>
<script>
  import Vue from 'vue';
  import { Dialog } from 'vant';
  Vue.use(Dialog);
  export default {
    data(){
      return {

      }
    },
    methods:{
      openDialog(){
        this.$dialog.alert({ title: '标题', message: '弹窗内容' , overlay:true});
        this.$dialog.confirm({ title: '标题', message: '弹窗内容'
        }).then(() => {

        }).catch(() => {

        });
      }
    }
  }
</script>